<!--
  @created by wy 2018-01-18
  @updated by
  @description 图标Icons查询
-->
<div id="icons">
    <el-row :gutter="10" style="margin-top: 10px;">
        <el-col :span="8">
            <el-input :placeholder="$t('icons.gjz')" v-model="keywords" ></el-input>
        </el-col>
        <el-col :span="8">
            <el-button type="primary" icon="search" @click="search">{{ $t('icons.ss') }}</el-button>
            <el-button icon="yx-loop2" @click="reset">{{ $t('icons.zz') }}</el-button>
        </el-col>
        <el-col :span="8">
            <span class="yu-iconSum">{{ $t('icons.zd') }}<b>{{sum}}</b>{{ $t('icons.tjl') }}</span>
        </el-col>
    </el-row>
    <div class="yu-iconList">
        <div v-for="(o,i) in iconData">
            <i :class="o.id" :title="o.id"></i>
            <p><b :title="o.id">{{o.id}}</b><span :title="o.tag">tags：{{o.tag}}</span></p>
            <span @click="copy(o.id)" title="copy">copy</span>
        </div>
    </div>
</div>
